
@import url('http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic');
@import url('http://fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic');


body {
	font-family: 'PT Sans', Tahoma, Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.5;
}
.cms body {

}


h3 {
	font-size: 1em;
	color: #f00;
	font-weight: normal;
}





	#columnContainer { /* 7 columns  +  7 * 1px-padding */
		width: 987px;
		margin: 20px auto 20px;
/*		width: 15px;*/
		height: 15px;
		background: #f0f;
	}

		.column {
			display: block;
			float: left;
			width: 140px;
			border-top: 5px solid #000;
			padding-left: 1px;
			padding-top: 4px;
		}

		.column-4 {/* 4 columns + 3 * 1px-padding */
			width: 563px;
		}
		.column-4-split { /* regain one 1px-padding */
			margin-left: -1px;
			width: 564px;
		}


		footer.column-4-split {}


		header.column {


		}
			header.column h1 {
				width: 140px;
				height: 82px;
				background: url("/assets/kinomuzejs-logo") no-repeat;
			}
				header.column h1 a { display: block; width: 100%;height: 100%; outline: none }
					header.column h1 span { display: none; }


		#mainMenu {
			list-style: none;
			margin: 0; padding: 0;

			font-size: 1.32em;
		}
			#mainMenu li {
				margin-bottom: 15px;
			}
				#mainMenu li a { color: #000; text-decoration: none; }
				#mainMenu li.selected a { color: #f00; font-weight: bold; }
		




	.x-articles {
		position: relative;
	}
		.x-article {
			position: relative;
			margin-bottom: 25px;
			width: 563px;
			z-index: 1000;
		}

		.x-article-controls {
			position: relative;
			margin-bottom: -20px;
		}
			.x-article-controls .x-control-move { display: none }

		.x-article .x-editable-file-drop {
			top: 50% !important;
			left: 50% !important;
			margin-left: -75px;
			margin-top: -8px;
		}



			.article-gallery {
				min-height: 50px;
				margin-bottom: 10px;
				position: relative;
				
			}
				.article-gallery-cycle .article-gallery-images {
					overflow: hidden;
					/* hide the overflow only when in cycle mode,
					 * because only then .gallery-images always has width and height
					 */
				}

				.article-gallery-nav {
				}
					.article-gallery-prev,
					.article-gallery-next {
						display: none;
					}
					.article-gallery-pages {
						float: right;
						padding: 10px 0 5px;
					}
						.article-gallery-pages a {
							display: inline-block;
							width: 9px;
							height: 12px;
							background: url('/uploads/assets/kinomuzejs-dots.png') no-repeat 100% 0%;
							margin-right: 1px;
							text-decoration: none;
							outline: none;
						}
						.article-gallery-pages a.activeSlide {
							background-position: 0% 100%;
						}
							.article-gallery-pages span { display: none; }


			.x-article header {
				position: relative
			}
				.x-article header .right {
					position: absolute;
					right: 0;
					bottom: 5px;
					border-bottom: 5px solid #000;
					width: 140px;
					height: 1px;
				}

				.x-article h1 {
					font-size: 1.91em;
					font-weight: normal;
					margin-bottom: 0.4em;
				}


				.x-article .content {
					width: 423px;
					font-family: 'PT Serif', "Times New Roman", Times, serif;
				}
					.x-article .content p {
						margin-bottom: 1em;
					}

			}
			.x-article .tags {
				clear: both;
			}












